.new-user-guide {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 1000;
    overflow: hidden;
}

.dots-container {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 1000;
    display: flex;
}

.active-dot {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    margin-right: 10px;
}

.inactive-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #fff;
    margin-right: 10px;
}

.carousel-item {
    min-height: 100%;
    min-width: 100%;
    position: relative;
    transition: all 0.5s;
}
.guide-item-button {
    width: 120px;
    height: 44px;
    background: rgba(51, 51, 51, 0.4);
    border-radius: 22px;
    border: 2px solid #FFFFFF;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 24px;
}

.guide-item-button-skip {
    position: fixed;
    left: 45px;
    z-index: 9999;
}

.guide-item-button-next {
    position: fixed;
    right: 45px;
    z-index: 9999;
}
.guide-item-button-end {
    left: 50%;
    transform: translateX(-50%);
    top: 60%;
}
.scale-in-center {
    -webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2021-1-21 17:2:42
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-in-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

